@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
}
header{
    width: 3.2rem;
    height: 0.4rem;
    background: #405FA2;
    .left{
        margin-left: 0.87rem;
        display: flex;
        align-items: center;
        font-size: 0.26rem;
        color: white;
        float: left;
        img{
            width: 0.25rem;
            height: 0.25rem;
        }
    }
    .right{
        margin-left: 2.2rem;
        display: flex;
        font-size: 0.16rem;
        line-height: 0.4rem;
        color: white;
        p:nth-of-type(2){
            margin-left: 15px;
            display: flex;
            align-items: center;
        }
    }
}
.banner{
    width: 3.2rem;
    height: 1.2rem;
    img{
        width: 100%;
        height: 100%;
    }
}
.content{
    width: 3.2rem;
    background: #eeeeee;
    .content-1{
        width: 3.04rem;
        margin-left: 0.06rem;
        padding-top: 0.18rem;
        display: flex;
        .content-1-right{
            width: 1.5rem;
            height: 1.5rem;
            display: flex;
            flex-wrap: wrap;
            margin-left: 0.05rem;
            img{
                width: 100%;
                height: 0.73rem;
                margin-top: 0.02rem;
            }
        }
        .content-1-left{
            width: 1.5rem;
            height: 1.5rem;
            img{
                width: 100%;
                height: 100%;
            }
        }
        
    }
    .content-2{
        width: 3.04rem;
        margin-left: 0.06rem;
        padding-top: 0.04rem;
        display: flex;
        .content-2-left{
            width: 1.5rem;
            height: 0.73rem;
            display: flex;
            img{
                width: 1.5rem;
                height: 0.73rem;
            }
        }
        .content-2-right{
            margin-left: 0.05rem;
            display: flex;
            justify-content: space-between;
            img{
                width: 0.73rem;
                height: 0.73rem;
            }
            img:nth-of-type(2){
                margin-left: 0.03rem;
            }
        }
    }
    .content-3{
        width: 3.04rem;
        height: 0.36rem;
        background: #64A0E9;
        margin: 0.06rem auto;
        margin-top: 0.18rem;
        line-height: 0.36rem;
        p{
            color: white;
            font-size: 0.16rem;
            margin-left: 0.12rem;
            font-weight: 600;
        }
    }
    .content-4{
        width: 3.04rem;
        margin-left: 0.06rem;
        display: flex;
        font-size: 0.16rem;
        .content-4-left{
            width: 1.5rem;
            height: 0.73rem;
            background: #FFFFFF;
            font-size: 0.16rem;
            p:nth-of-type(1),img{
                float: left;
                font-size: 0.24rem;
                padding-top: 0.12rem;
                
            }
            p:nth-of-type(1){
                margin-left: 0.05rem;
            }
            img{
                width: 0.21rem;
                height: 0.25rem;
            }
            img{
                margin-left: 0.15rem;
            }
             p:nth-of-type(3){
                margin-left: 0.18rem;
                margin-top: 0.1rem;
            }
           
        }
           .content-4-right{
            width: 1.5rem;
            height: 0.73rem;
            background: #FFFFFF;
            font-size: 0.16rem;
            margin-left: 0.05rem;
            p:nth-of-type(1),img{
                float: left;
                font-size: 0.24rem;
                padding-top: 0.12rem;
                
            }
            img{
                width: 0.21rem;
                height: 0.25rem;
            }
            p:nth-of-type(1){
                margin-left: 0.05rem;
            }
            img{
                margin-left: 0.15rem;
            }
            p:nth-of-type(3){
                margin-left: 0.18rem;
                margin-top: 0.1rem;
            }
           
        }
    }
}
footer{
    width: 3.2rem;
    height: 0.5rem;
    display: flex;
//  margin-left: 0.06rem;
    img{
        width: 3.2rem;
        height: 0.5rem;
    }
}
